<template>
    <div class="welcome">
    <Carousel autoplay autoplay-speed="5000">
        <Carousel-item v-for="(item,index) in carousel" :key="index">
            <div class="demo-carousel"><img class="layout-content-main-img" :src="item.src" alt=""></div>
        </Carousel-item>
    </Carousel></div>
</template>
<script>
export default {
    name:"welcome",
    data(){
        return{
             carousel:[
                    {src:"http://pages.lovemtt.com/dist/e50a5db13f03e808993d1f6cd5c3cb47.jpg"},
                    {src:"http://pages.lovemtt.com/dist/e50a5db13f03e808993d1f6cd5c3cb47.jpg"},
                    {src:"http://pages.lovemtt.com/dist/e50a5db13f03e808993d1f6cd5c3cb47.jpg"}
            ]
        }
    }
}
</script>
<style lang="less" scoped>
    .welcome{
        width: 100%;
        height: 100%;
        .ivu-carousel{
            width: 100%;
            height: 100%;
            .layout-content-main-img{
                width: 100%;
                height: 100%;
            }
        };
    }
</style>